<template>
    <div>
        <transition>
            <!-- 外部组件的插槽 -->
            <slot></slot>
        </transition>
    </div>
</template>

<script>
export default {
    name:'fadeAnimation'
}
</script>

<style lang="less" scoped>
    .v-enter,.v-leave-to {
        opacity: 0;
    }
    .v-enter-active,.v-leave-active {
        transition: opacity 1s
    }
</style>
